<style>
    ul.step li{display:table-cell; font-weight:bold; color:#000; vertical-align:middle;}
	ul.step li.text{border:2px solid #ccc; font-weight:bold; color:#000; font-size:16px; border-radius:2px;}
	ul.step{text-align:center; background:#FFFFFF; display:table; width:99%; padding:1%;}
	ul.step li.text.on{border-width:2px; background:#27DC36; border-color:#FF0004; color:#fff; border-style:solid;}
</style>
<ul class="step"> 
    <li class="text">选择素材</li>
    <li>→</li> 
    <li class="text">修改内容</li>
    <li>→</li>
    <li class="text">插入广告</li>
    <li>→</li>
    <li class="text">发布</li>
</ul>